div.Content {font-size:12px; font-family:"Arial","Verdana","sans-serif"; border: 0; margin:0; padding:0; }
form { margin: 0; border:0 ; padding: 0; float: right;}
form.Left { margin: 0; border:0 ; padding: 0; float: left;}
img.Logo { padding: 15px 0 10px 15px; }
img.Status { padding: 10px; margin: 5px; float:left; }
img.Legend { padding: 0px; margin: 5px; float: left;}

/*
div.Content { width: 640px; padding-top: 15px; }
div.OrangeStrip { background-image: url(/resources/Serializer/RoboticsConnection.SerializerServices.Resources.OrangeStrip.png); width:640px; height:30px; text-align:right;  }
div.OrangeStrip img { padding: 8px 38px 0 0; }
*/
div.GreyStrip { background-image: url(/resources/Serializer/RoboticsConnection.SerializerServices.Resources.GreyStrip.png); width:640px; height:32px; clear: both; }
div.GreyStrip ul {padding:8px 0 0 15px; margin: 0; border:0; }
div.GreyStrip ul li {display: inline; margin: 0 20px 0 0;}
div.GreyStrip ul li a {  color: #FFFFFF; text-decoration: none; font-weight: bold; }
div.GreyStrip ul li a:hover  {  text-decoration: underline;}

div.legendRow { width: 600px; min-height: 22px;}
div.legendColumn { width:200px; min-height: 40px; padding: 10px; }
div.row { width: 400px; min-height: 22px;}
div.colum { width:40px; min-height: 40px; }
span.key { width: 130px; text-align: right; color: #666666; display: block; text-align: right; float: left;}
span.keyLeft { width: 100px; text-align: left; color: #666666; display: block; text-align: left; float: left;}
span.value { text-align: left; color: #FD4112; display: block; float: right; width: 265px; }
span.valueLeft { text-align: left; color: #FD4112; display: block; float: left; width: 265px; }
span.time  { text-align: left; color: #FD4112; display: block; }
span.legend { width: 100px; text-align: left; color: #666666; display: block; text-align: left; float: left; margin:5px;}

fieldset.Status { width: 340px; padding:5px; margin:5px;}
fieldset.Legend { width: 600px; padding:5px; margin:5px;}
fieldset.Config { width: 230px; padding:5px; margin:5px;}
fieldset.Form { width: 230px; padding:0; margin:0;}
fieldset.FormWide { width: 500px; padding:0; margin:10px 0 0 0;  }
legend { color: #FD4112; font-weight: bold; }
label { display: block; width:130px; float: left; text-align: right; line-height: 20px;}
input.TextBox { width: 70px; border: 1px solid #666666; font-weight: bold;}
select { width: 70px; }
div.formRow { min-height: 22px; width: 220px; }
span.formInput { display: block; float: right; width:85px; text-align: left;}
table.statusColum { height: 20px; width: 20px; margin: 10px; padding: 10px; float:left;}

input.Button { background-color: #FD4112; color: #FFFFFF; border: 1px solid #666666; display: block; float: right; width: 80px; margin: 0 14px 5px 0; }
input.Button:hover { background-color: #666666; }

span.greyText { color: #666666; }